<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/Test-Photo.css" rel="stylesheet" />
</head>
<body>

    <div class="xxs">
      
         <img src="imgs/Chrysanthemum.jpg" width="200" height="300" data-src="imgs/Chrysanthemum.jpg" />
         <img src="imgs/Desert.jpg" width="200" height="300" data-src="imgs/Desert.jpg" />
         <img src="imgs/Hydrangeas.jpg" width="200" height="300" data-src="imgs/Hydrangeas.jpg" />
         <img src="imgs/Jellyfish.jpg" width="200" height="300" data-src="imgs/Jellyfish.jpg" />
         <img src="imgs/Koala.jpg" width="200" height="300" data-src="imgs/Koala.jpg" />
    </div>
       

    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.mousewheel.min.js"></script>
    <script src="js/Test-Photo.js"></script>

    <script>
        $(function () {
            $.fn.Photos();
            
        })


    </script>
</body>
</html>
